<template>
    <div class="jfcard">
        <img :src="hd.hdimg" alt="" mode="widthFix">
        <div class="text">
            <div class="title">{{hd.hdtitle}}</div>
            <div class="description">{{hd.hddescription}}</div>
            <van-row type="flex" justify="space-between" align="center" class="description price">
                <van-col span="12">
                    <span v-if="isNaN(Number(hd.jifenprice))">{{hd.jifenprice}}</span>
                    <span v-else class="flexnowrap" style="justify-content: flex-start"><strong class="strong">{{hd.jifenprice}}</strong> 积分</span>
                </van-col>
                <van-col span="12" style="text-align: right">
                    <van-button class="btn" size="small" :inline="true" :type="btntype">{{btntext}}</van-button>
                </van-col>
            </van-row>
        </div>
    </div>
</template>

<script>
    export default {
        props:{
            hd:{ type: Object, default: () => {} },
            btntext:{ type: String, default: '' },
            btntype:{ type: String, default: 'default' },
        },
        name: "jifencard",
        data () {
            return {
            }
        },
        created () {
        },
    };
</script>

<style scoped>
</style>